<!-- 我的 – 雷达图		radar -->
<template>
	<view class="warps">
		<!-- 雷达图 -->
		<view class="content">
			<view class="charts-box">
				<qiun-data-charts type="radar" :chartData="chartData" :errorShow="false" background="none" />
			</view>
		</view>
		<view class="radar_box" v-for="(item,index) in 4" :key="index">
			<view class="w90 f b c">
				<view class="vw15 f b c p_t_31">
					<image style="width: 28rpx;height: 28rpx;" src="../../../static/img/136.png" mode=""></image>
					<text>B</text>
				</view>
				<view>
					<input class="ipts" type="text" value="" placeholder="评分" />
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				chartData: {
					"categories": [
						"B",
						"F",
						"B",
						"C"
					],
					"series": [{
						"name": "",
						"data": [
							90,
							110,
							165,
							195
						]
					}]
				},
			}
		},
		onLoad() {

		},
		methods: {

		}
	};
</script>
<style scoped>
	.warps{
		width:100vw;
		height:100vh;
		background:#F6F8FC;
		overflow:hidden;
	}
	.content{
		width: 750rpx;
		height: 796rpx;
		background: #ffffff;
		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.10); 
		margin-top:20rpx;
	}
	/* 雷达图 */
	.charts-box {
		width: 100%;
		height: 300px;
		padding-top:160rpx;
	}
	.radar_box{
		width: 686rpx;
		height: 108rpx;
		background: #ffffff;
		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.07); 
		margin:0 auto;
		margin-top:25rpx;
		background:#fff;
	}
	.ipts{
		width: 110rpx;
		height: 34rpx;
		font-size: 24rpx;
		margin-top:35rpx;
	}
</style>
